@import "../../../theme.scss";
@import "../../../components/bar/index.wxss";
page {
    background: #fff;
}

.whalecoin {
    height: 666rpx;
    border-bottom: 20rpx solid $color-background;
    .title {
        padding: 70rpx 0 32rpx 0;
        font-size: $font-size-26;
        display: block;
        text-align: center;
    }
    .price {
        color: $color-domhue;
        font-size: 60rpx;
        display: block;
        text-align: center;
        padding-bottom: 84rpx;
    }
    .coinstate {
        .num {
            font-size: $font-size-36;
            font-weight: bold;
            line-height: 50rpx;
        }
        .dec {
            padding-top: 7rpx;
            font-size: $font-size-26;
            color: $color-888888;
        }
    }
    .applycoin {
        width: 360rpx;
        height: 70rpx;
        margin: 104rpx auto 85rpx auto;
    }
    .sign {
        display: block;
        font-size: $font-size-24;
        text-align: center;
        color: $color-888888;
        line-height: 33rpx;
        padding-bottom: 30rpx;
        text {
            font-weight: bold;
            color: $color-333333;
        }
    }
}
.whaledetail-wrapper {
    position: absolute;
    transition: top 0.4s;
    top: 686rpx;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.whaledetail {
    height: 100%;
    width: 100%;
    .whalesingle {
        min-height:149rpx;
        .photo {
            width: 78rpx;
            height: 78rpx;
            background: #ccc;
            border-radius: 100%;
        }
        .dec {
            padding-left: 33rpx;
            font-size: $font-size-24;
            .title { line-height: 33rpx; padding-bottom: 5rpx;}
            .order {
                line-height: 33rpx;
                color: $color-888888;
                padding-bottom: 5rpx;
            }
            .date {
                line-height: 33rpx;
                color: $color-888888;
            }
        }
        .price {
            font-size: $font-size-36;
            font-weight: bold;
            color: $color-domhue;
        }
    }
}